GoogleSEO:Ensure text remains visible during webfont load
Flash Of Invisible Text(FOIT)
を避ける
改善策
Google Font
を使っている場合は、
display=swp
をつける
ref
これでほぼ改善された
mrsekut.icon
一番ラクな改善策
font-display
の
swap
を使う
fontを
preload
する
https://web.dev/codelab-preload-web-fonts/
https://web.dev/preload-optional-fonts/
custom font
の使用するタイミングをどうにかする
初期表示では使わず、読み込みが終わってから、
custom font
をloadするなど
https://web.dev/avoid-invisible-text/#option-2:-wait-to-use-custom-fonts-until-they-are-loaded